@import "../../Master/index";

.Collections {
  .MasterfunCollection();
  height: 100%;
  .Collection {
    height: 100%;
    background-color: #fff;
    .cines {
      position: relative;
      top: -.5rem;
      z-index: 200;
    }
    .book-list{
      padding: 0 2rem;
    }
    .title {
      margin-top: 1rem;
      padding: 0 2rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      background-color: #fff;
      .main-title{
        font-size: 1.8rem;
        color:#2a2a33;
        font-weight: 600;
      }
      .sub-title{
        color:#909099;
        padding: .6rem;
        font-size: 1.2rem;
        margin-left: .5rem;
        img:first-child{
          display:inline;
          height: .8rem;
          position: relative;
          top: -.2rem;
        }
        img:last-child{
          display:inline;
          height: .8rem;
          position: relative;
          top: .3rem;
        }
      }
      .query-more{
        position: absolute;
        right: 2rem;
        font-size: 1.2rem;
        color: #909099;
        i{
          font-size: 1rem;
          display: inline-block;
          transform: scale(.8,.8);
        }
      }
      .space{
        flex:1;
      }
      .show-all{
        color: #909099;
        font-size: 1.2rem;
        i{
          font-size: 1rem;
          display: inline-block;
          transform: scale(.8,.8);
        }
      }
    }
  }
  .bg-img {
    width: 100%;
    img {
      width: 100%;
    }
  }
}
